<!--
 * @Author: zhangmengqiong
 * @Date: 2021-05-11 10:21:42
 * @LastEditors: zhangmengqiong
 * @LastEditTime: 2021-05-11 15:06:04
-->
<template>
  <common-card title="累计订单量" value="￥ 2,157,428">
    <template>
      <v-chart :option="initChartOption()" />
    </template>
    <template v-slot:footer>
      <span>昨日订单量 </span>
      <span class="emphasis">￥ 20,000,000</span>
    </template>
  </common-card>
</template>

<script>
import commonCardMixin from "@/mixins/commonCardMixin";
export default {
  mixins: [commonCardMixin],
  mounted() {},
  methods: {
    initChartOption() {
      let option = {
        xAxis: {
          type: "category",
          boundaryGap: false,
          show: false // 不展示x轴
        },
        yAxis: {
          type: "value",
          show: false // 不展示y轴
        },
        grid: {
          top: 0,
          bottom: 0,
          left: 0,
          right: 0
        },
        series: [
          {
            data: [
              620,
              436,
              330,
              534,
              798,
              438,
              634,
              834,
              690,
              538,
              238,
              640,
              780
            ],
            type: "line",
            areaStyle: {
              // 面积颜色
              color: "purple"
            },
            lineStyle: {
              width: 0
            },
            itemStyle: {
              opacity: 0
            },
            smooth: true
          }
        ]
      };
      return option;
    }
  }
};
</script>
